﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}
@section css {
    <link href="~/Assets/css/previewImage.css" rel="stylesheet" />
    <style>
        .IsException {
            color: red;
        }

        .IsNormal {
            color: blue;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" style="color:white;">检查详细</h1>
</header>
<div class="mui-content" ng-cloak ng-controller="CheckFormController" ng-init="FormId ='@(Request.QueryString["FormId"].IsEmpty() ? "" : Request.QueryString["FormId"])';
     GetCheckFormDetail(FormId);">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>部门</label>
            <input type="text" ng-model="CheckDetail.DepartmentName" readonly />
        </div>
        <div class="mui-input-row">
            <label>部位名称</label>
            <input type="text" ng-model="CheckDetail.PlaceName" readonly />
        </div>
        <div class="mui-input-row">
            <label>部门负责人</label>
            <input type="text" ng-model="CheckDetail.Manager" readonly />
        </div>
        <div class="mui-input-row">
            <label>责任人</label>
            <input type="text" ng-model="CheckDetail.ResponsibleName" readonly />
        </div>
        <div class="mui-input-row">
            <label>检查日期</label>
            <input type="text" ng-model="CheckDetail.CheckTime" readonly />
        </div>
        <div class="mui-input-row">
            <label>检查类型</label>
            <input type="text" ng-model="CheckDetail.CheckTypeName" readonly />
        </div>
    </form>
    <div class="mui-card">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse" ng-class="" ng-repeat="x in CheckDetail.CheckItemList">
                <a class="mui-navigate-right" style="white-space:unset;">
                    <span ng-class="{'IsException':x.Result==0}">
                        {{$index+1}}.{{x.CheckContent}}
                        <br />
                        <span ng-show="x.Result==1" style="color:green;font-weight:bold;">正常</span><span ng-show="x.Result==0" style="color: red; font-weight: bold;">异常</span>
                    </span>
                </a>
                <div class="mui-collapse-content">
                    <form class="mui-input-group">
                        <div class="mui-input-row">
                            <label>检查结果：</label>
                            <label ng-show="x.Result==1">正常</label><label class="IsException" ng-show="x.Result==0">异常</label>
                        </div>
                        <div class="mui-input-row" ng-show="x.DataValue!=null">
                            <label>测量值：</label>
                            <input type="text" ng-model="x.DataValue" readonly>
                        </div>
                        <div class="mui-input-row">
                            <label>备&nbsp;&nbsp;&nbsp;&nbsp;注：</label>
                            <input type="text" ng-model="x.Remark" readonly>
                        </div>
                        <div class="row image-list" style="margin-top:20px;">
                            <img ng-repeat="y in x.FileList" class="image-item space" ng-src="{{y.FilePath}}" data-preview-src="" data-preview-group="{{$parent.$index+1}}" style="display: inline-block; margin-left: 10px;" width="50" />
                        </div>
                        <div class="mui-input-row">

                        </div>
                    </form>
                </div>
            </li>
        </ul>
    </div>
    <div style="height:80px;"></div>
</div>
@section js{
    <script src="~/Assets/js/mui.zoom.js"></script>
    <script src="~/Assets/js/mui.previewimage.js"></script>
    <script src="~/Assets/js/pg/MCheckForm.js?v=@DateTime.Now.ToString("yyyyMMddHH")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });
        mui.showLoading("正在加载..", "div");
        setTimeout(function () {
            mui.hideLoading();
            mui.previewImage();
        }, 1500);
    </script>
}
